<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="css/videoControl.css" />
		<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
		<!--<script type="text/javascript">
			$(function()
			{
//				获取父页面id为maincontent的iframe,并设置其高度
				var main = $(window.parent.document).find("#maincontent");
				var thisheight = $(document).height();
				main.height(thisheight);
			});
		</script>-->
		
		<script type="text/javascript">
		$(function()
		{
			var show=true;
			$("#videobutton").click(function()
			{
				if(show)
				{
					$("#videotext").hide();
					$(".video_show").animate({'width':'38px'}, "slow");
					$(".video_list > ul").hide();
					$(".video_list").animate({'width':'0px'}, "slow");
					$(".video_show img").attr('src','img/icon_video_right.png');
//					console.log($(".video_show img").attr('src'));
					show=false;
					
				}
				else
				{
					$(".video_show").animate({'width':'198px'}, "slow");
					$("#videotext").show();
					$(".video_list").animate({'width':'198px'}, "slow");
					$(".video_list > ul").show();
					$(".video_show img").attr('src','img/icon_video_left.png');
//					console.log($(".video_show img").attr('src'));
					show=true;
				}
			
			});
		});
		</script>
	</head>
	<body>
		<small class="fleft mb5">当前位置：首页>关于我们>欣光泰风采</small>
		<hr style="height: 0.5px; width: 100%;background: rgb(0,143,90);" />
		<br />
		<div id="myVideo">
			<div class="video_control">
				<div class="video_show">
					<font id="videotext">视屏专区</font> 
					<a id="videobutton" class="me fright mr10" href="#"><img src="img/icon_video_left.png" /></a>
				</div>
				<div class="video_list">
					<ul id="video_ul">
						<li><a class="video_list_li" href="#">video1</a></li>
						<li><a class="video_list_li" href="#">video2</a></li>
						<li><a class="video_list_li" href="#">video3</a></li>
					</ul>
				</div>
			</div>
			<video src="video/movie1.ogg" preload="auto" poster="video/pic_video1.png" controls="controls">
				您的浏览器不支持 video 标签。
			</video>
		</div>
	</body>
</html>
